@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  html,
  body {
    @apply font-body;
  }

  body {
    @apply text-md;
    @apply font-normal;
  }

  pre,
  code {
    @apply font-code;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    @apply font-heading;
  }

  a {
    @apply underline;
    @apply text-primary;
    @apply dark:text-primary-dark;
  }

  :not(pre) > code {
    @apply inline-block rounded py-px px-2 text-sm text-code-a dark:text-code-a-dark;
    @apply bg-secondary dark:bg-secondary-dark;
    @apply border border-primary dark:border-primary-dark;
  }
}
